export default {
  'zh-cn': {
    page: {
      microAppListPage: {
        pageTitle: '微前端应用',
        introduces: [
          '当前系统是一个微前端架构的前端系统应用工程，意味着可以接入各种类型的子应用，展示以及操作其中的页面；',
          '为了测试将各种类型技术栈的前端应用接入作为子应用，下面会有非常多的示例演示子应用接入之后的效果；',
          '子应用除了技术栈不同之外，根据所使用的构建工具、路由、组件库等不同，接入的效果也不同，这里称这些为应用属性，以下列表会对应用的所有属性做介绍；',
        ],
        titleApplicationAttrs: '应用属性',
        applicationAttrs: [
          '应用类型：只有主应用以及子应用；整个前端系统可以有多个主应用以及子应用，主应用之间毫无干系，一个主应用可以接入零个或者多个子应用，子应用可以当做静态资源被多个主应用共用，主应用也可以不接入任何子应用，将所有页面写在主应用中；',
          '渲染框架：目前示例有React,Vue2以及Vue3，后续会增加更多框架示例，比如Svelte, Preact, Angular等等；',
          '构建工具：目前示例有vuecli, cra, umi, vite，其中vite中能够同时支持development(esm)以及production(cjs)模式；',
          '页面路由：两种，一个是主应用自带基于缓存的页面导航路由，另一个是传统的browser/hash路由；',
          '组件库：react有plain-design，semi-ui，tdesign-react；vue3有plain-ui，naive-ui，iview-plus；vue2有iview',
          'FrameMode：none，表示直接使用主应用中的div作为根节点渲染子应用（无法隔离css以及js，无兼容性问题）；',
          'FrameMode：frame，主应用会创建一个同源的iframe，用这个iframe来执行子应用的入口js文件以及css资源；使用iframe中的div作为根节点渲染子应用（隔离css以及js，并且不影响弹窗大小，某些情况下存在兼容性问题）；',
          'FrameMode：iframe，主应用会直接创建一个iframe标签加载子应用（隔离css以及js，会影响弹窗大小，无兼容性问题）；',
          'RenderMode：base，表示由主应用渲染，这种模式下子应用仅需提供异步函数根据页面地址懒加载页面组件返回给主应用渲染即可；',
          'RenderMode：custom，表示由子应用自己渲染；一般由两种情况，一种是类似于 [micro-web-vue-sub-vuecli]或者[micro-web-vue-sub-vite]，这种子应用的路由模式与主应用一致，包括登录以及首页等功能，仅仅是技术栈与主应用不同。这种子应用自己挂载并且渲染页面数组即可，根据主应用提供的信息选择展示某个页面；第二种是使用传统路由的Web应用，也是自行挂载，监听页面变化然后触发路由方法打开具体的页面，页面的保活功能由子应用自行处理；',
          '独立首页：是则表示子应用自己后独立的首页，访问子应用部署的地址时展示的是子应用自己的首页；表示子应用没有自己的首页，使用主应用的首页；访问这种子应用部署的地址的话，会通过微前端的方式加载主应用初始化；注意的是，没有独立首页的子应用支持排除依赖，将这些依赖交由主应用完全管理；有独立首页的子应用，因为没有主应用参与。所以所有的依赖都不能排除，不然访问独立首页的时候会缺少这个依赖；',
          '排除依赖：表示子应用本地调试以及打包模式下，都不含有这些依赖，这些依赖都来自于主应用；当主应用更新依赖时，这些子应用就会自动更新，不需要重新部署子应用；仅需重新部署主应用即可；',
        ],
        repository: '仓库地址',
        independentHomePage: '独立首页',
        excludeDependencies: '排除的依赖',
        openHomePage: '打开首页',
        ApplicationTypes: {
          main: '主应用',
          sub: '子应用'
        },
        ApplicationFramework: {
          react: 'React',
          vue2: 'Vue2.0',
          vue3: 'Vue3.0'
        },
        ApplicationRouter: {
          cache: 'Cache Router',
          router: 'Browser Router',
        },
        ApplicationFrameMode: {
          none: 'Frame Mode None',
          frame: 'Frame Mode Frame',
          iframe: 'Frame Mode iFrame',
        },
        ApplicationRenderMode: {
          base: '主应用渲染',
          custom: '自定义渲染',
        },
        ApplicationBuildTools: {
          vuecli: 'Vue CLI',
          cra: 'create-react-app',
          umi: 'UMI',
          vite: 'Vite',
        },

        'micro-web-react-base': {
          description: [
            '主应用，本身可以定义内置的子应用来编写页面'
          ],
          pages: []
        },
        'micro-web-react-sub-vuecli': {
          description: [
            '子应用，自身仅编写页面，其他（路由、登录、首页）由主应用处理；',
            '这种子应用适用于将一个超大型应用拆分成多个子应用的模式，子应用仅需实现页面，无需关心其他任何细节；'
          ],
          pages: [
            { name: '列表页面', path: 'react-sub-vuecli/demo/list-page' },
          ]
        },
        'micro-web-vue-sub-vuecli': {
          description: [
            '与上边的[micro-web-react-sub-vuecli]作用类似，只是因为技术栈为Vue3，与主应用React的技术栈不同，导致无法使用主应用的渲染方式以及组件上下文；',
            '这里作为一个示例如何在子应用中使用主应用的通用功能（路由，登录，首页）;',
            '这种子应用适用于模拟在超大型应用中如何接入新的技术栈，并且在使用新技术栈的同时，沿用主应用的路由，登录以及首页等功能；'
          ],
          pages: [
            { name: '列表页面_1', path: '/vue-sub-vuecli/demo/list-page' },
            { name: '列表页面_2', path: '/vue-sub-vuecli/list-2-page' },
          ]
        },
        'micro-web-vue-sub-vuecli-router': {
          description: [
            '子应用，这个演示如何将 基于技术栈Vue3，使用VueCLI构建，以及使用传统路由基于VueRouter的Web应用接入到微前端应用集群中；',
            '这是一个特别简单的 Vue3，VueCLI, VueRouter构建的Web应用，如何要参考稍微复杂一些的示例，可以往下找其他Vue类型使用Admin系统模板的子应用作为参考；',
          ],
          pages: [
            { name: '列表页面_1', path: 'vue-sub-vuecli-router/list-page' },
            { name: '列表页面_2', path: 'vue-sub-vuecli-router/list2-page' },
            { name: '测试页面', path: 'vue-sub-vuecli-router/test-page' },
            { name: 'ElementPlus', path: 'vue-sub-vuecli-router/ele-page' },
          ],
        },
        'micro-web-react-sub-cra-router': {
          description: [
            '同[micro-web-vue-sub-vuecli-router]，只是用的是React基础的三件套React,ReactRouter以及create-react-app构建；',
            '同样的这是一个比较简单的react演示应用，如果要参考复杂一些的React应用如何接入微前端系统，可以往下找React类型的Admin系统模板的子应用做参考；',
          ],
          pages: [
            { name: '列表页面_1', path: 'react-sub-cra-router/list-1-page' },
            { name: '列表页面_2', path: 'react-sub-cra-router/list-2-page' },
            { name: '测试页面', path: 'react-sub-cra-router/test-page' },
          ],
        },
        'micro-web-vue-sub-vite-router': {
          description: [
            '子应用，这个子应用的参考作用等同于[micro-web-vue-sub-vuecli-router]，区别在于使用vite作为构建工具；',
            '这个示例演示如何将vite构建的vue应用接入到微前端系统，并且完美适配vite的development以及production构建模式；调试时支持热更新等等；',
          ],
          pages: [
            { name: '列表页面_1', path: 'vue-sub-vite-router/list-page' },
            { name: '列表页面_2', path: 'vue-sub-vite-router/list2-page' },
            { name: '测试页面', path: 'vue-sub-vite-router/test-page' },
          ],
        },
        'micro-web-react-sub-vite-router': {
          description: [
            '子应用，参考作用等同于 [micro-web-vue-sub-vite-router]，区别在于这个应用是react；',
            '这个应用演示了如何将 vite构建的react应用接入到微前端系统，不过遗憾的是暂时不支持组件热更新功能，修改组件之后需要重新打开页面才能看到效果；',
          ],
          pages: [
            { name: '列表页面_1', path: 'react-sub-vite-router/list-1-page' },
            { name: '列表页面_2', path: 'react-sub-vite-router/list-2-page' },
            { name: '测试页面', path: 'react-sub-vite-router/test-page' },
          ],
        },
        'micro-web-vue-sub-vite': {
          description: [
            '子应用，参考作用等同于[micro-web-vue-sub-vuecli]，只是将vuecli换成了vite构建；',
          ],
          pages: [
            { name: '列表页面_1', path: 'vue-sub-vite/list-1-page' },
            { name: '列表页面_2', path: 'vue-sub-vite/list-2-page' },
          ],
        },
        'micro-web-react-sub-vite': {
          description: [
            '子应用，参考作用等同于[micro-web-react-sub-vuecli]，演示使用vite构建，将主应用中的页面拆分出来作为子应用单独开发部署；',
          ],
          pages: [
            { name: '列表页面_1', path: 'react-sub-vite/list-page' },
            { name: '列表页面_2', path: 'react-sub-vite/list-2-page' },
          ],
        },
        'micro-web-vue-sub-iview-admin': {
          description: [
            '子应用，基于Vue2，使用了iview admin模板；本应用演示了如何将一个现成的Vue2管理系统应用接入到微前端系统；',
            '单独访问这个子应用的部署地址时打开的是iview admin的系统首页；从Base应用打开这个子应用的具体页面时仅页面内容；'
          ],
          pages: [
            { name: 'IViewAdmin首页', path: '/vue-sub-iview-admin/home' },
            { name: 'IViewAdmin表格', path: '/vue-sub-iview-admin/components/basic-list' },
          ],
        },
        'micro-web-react-sub-arco-admin': {
          description: [
            '子应用，基于React；使用arco-design提供的系统模板；本应用演示如何将一个现成的react管理系统接入到微前端系统；',
            '单独访问这个子应用时打开的是arco-design系统首页；',
            '从Base应用打开这个子应用的具体页面时仅展示页面内容；'
          ],
          pages: [
            { name: 'ArcoAdmin首页', path: '/react-sub-arco-admin/dashboard/workplace' },
            { name: 'ArcoAdmin表格', path: '/react-sub-arco-admin/list/search-table' },
          ],
        },
        'micro-web-vue-sub-element-admin': {
          description: [
            '子应用，基于Vue2；使用vue-element-admin系统模板；本应用演示如何将一个现成的vue2管理系统接入到微前端系统；',
            '单独访问这个子应用时打开的是vue-element-admin系统首页；',
            '从Base应用打开这个子应用的具体页面时仅展示页面内容；'
          ],
          pages: [
            { name: 'ElementAdmin首页', path: '/vue-sub-element-admin/dashboard' },
            { name: 'ElementAdmin表格', path: '/vue-sub-element-admin/table/complex-table' },
          ],
        },
        'micro-web-vue-sub-elementplus-admin': {
          description: [
            '子应用，基于Vue；使用vue3 element-plus admin系统模板；本应用演示如何将一个现成的vue3管理系统接入到微前端系统；',
            '单独访问这个子应用时打开的是vue3 element-plus admin系统首页；',
            '从Base应用打开这个子应用的具体页面时仅展示页面内容；'
          ],
          pages: [
            { name: 'ElementPlusAdmin首页', path: '/vue-sub-elementplus-admin/dashboard/analysis' },
            { name: 'ElementPlusAdmin表格', path: '/vue-sub-elementplus-admin/components/table/default-table' },
            { name: 'ElementPlusAdmin弹窗', path: '/vue-sub-elementplus-admin/components/dialog' },
            { name: 'ElementPlusAdmin综合', path: '/vue-sub-elementplus-admin/example/example-page' },
          ],
        },
        'micro-web-vue-sub-element-plus': {
          description: [
            '是element-plus的源码工程；',
            '同时也是微前端子应用，用来调试element-plus的组件嵌入到微前端应用中的组件问题；',
            '其他特性与vue3子应用基本一致；'
          ],
          pages: [
            { name: 'ElementPlus', path: '/vue-sub-element-plus/' },
          ],
        },
        'micro-web-react-sub-umi4-antdpro': {
          description: [
            '一个antdpro模板工程；',
            '演示以iframe的模式嵌入这个子应用；受限于无法处理自定义挂载，修改html模板以及动态修改路由；导致无法使用frame模式嵌入；',
            '其他类型的前端应用，比如Angular，svelte.js，JSP，Jquery等所有前端项目都可以用这种iframe的方式嵌入'
          ],
          pages: [
            { name: 'AntdPro表单页面', path: '/react-sub-umi4-antdpro/form/advanced-form' },
            { name: 'AntdPro表格页面', path: '/react-sub-umi4-antdpro/list/table-list' },
          ],
        },
        'micro-web-react-sub-cra-router-antd': {
          description: [
            '使用cra搭建的一个react工程，使用ant-design组件库',
          ],
          pages: [
            { name: 'AntDesign列表_1', path: '/react-sub-cra-router-antd/list-1-page' },
            { name: 'AntDesign列表_2', path: '/react-sub-cra-router-antd/list-2-page' },
          ],
        }
      }
    }
  },
  'en-us': {
    page: {
      microAppListPage: {
        pageTitle: 'Micro Front Application',
        introduces: [
          'The current system is a front-end system application project with a micro front-end architecture, which means it can access various types of sub applications, display and operate the pages within them;',
          'In order to test the integration of front-end applications of various types of technology stacks as sub applications, there will be many examples below to demonstrate the effect of sub application integration;',
          'In addition to different technology stacks, sub applications also have different access effects depending on the construction tools, routing, component libraries, etc. They are referred to as application properties. The following list will introduce all the properties of the application;',
        ],
        titleApplicationAttrs: 'Application Attribute',
        applicationAttrs: [
          'Application type: only the main application and sub applications; The entire front-end system can have multiple main applications and sub applications, with no connection between the main applications. A main application can access zero or more sub applications, which can be shared by multiple main applications as static resources. The main application can also write all pages in the main application without accessing any sub applications;',
          'Rendering framework: Currently, there are examples of React, Vue2, and Vue3, and more framework examples will be added in the future, such as Svelete, Preact, Angular, and so on;',
          'Building tools: Currently, examples include Vuecli, Cra, UMI, and vite, where vite can support both development (ESM) and production (CJS) modes simultaneously;',
          'Page routing: There are two types: one is the main application\'s built-in cache based page navigation routing, and the other is the traditional browser/hash routing;',
          'Component Library：react(plain-design，semi-ui，tdesign-react)；vue3(plain-ui，naive-ui，iview-plus); vue2(iview)',
          'FrameMode：none, Indicates directly using the div in the main application as the root node to render sub applications (unable to isolate CSS and JavaScript, no compatibility issues);',
          'FrameMode：frame, The main application will create a homologous iframe, which will be used to execute the entry JavaScript files and CSS resources of the sub applications; Use the div in iframe as the root node to render sub applications (isolating CSS and JavaScript without affecting pop-up size, and in some cases, there may be compatibility issues);',
          'FrameMode：iframe, The main application will directly create an iframe tag to load sub applications (isolating CSS and JavaScript, which will affect the size of pop ups and have no compatibility issues);',
          'RenderMode：base, Representing rendering by the main application, in this mode, sub applications only need to provide asynchronous functions to lazily load page components based on page addresses and return them to the main application for rendering;',
          'RenderMode：custom, Represents rendering by the sub application itself; There are generally two situations, one is similar to [micro web vue sub vuecli] or [micro web vue sub vite], where the routing mode of this sub application is consistent with the main application, including login and homepage functions, except that the technology stack is different from the main application. This sub application can be mounted and rendered as a page array, and a certain page can be displayed based on the information provided by the main application; The second type is a web application that uses traditional routing, which is also self mounted, listens to page changes, and triggers routing methods to open specific pages. The page\'s liveliness function is handled by the sub application itself;',
          'Independent homepage: Yes represents the independent homepage of the sub application, and when accessing the deployed address of the sub application, it displays the sub application\'s own homepage; Indicates that the sub application does not have its own homepage and uses the homepage of the main application; If you access the deployment address of this sub application, the main application initialization will be loaded through the micro front-end method; Note that sub applications without an independent homepage support excluding dependencies and leaving these dependencies to the main application for complete management; There are sub applications with independent homepage because there is no main application participating. So all dependencies cannot be excluded, otherwise when accessing the independent homepage, this dependency will be missing;',
          'Excluding dependencies: indicates that in both local debugging and packaging mode of the sub application, these dependencies are not included, and they all come from the main application; When the main application updates its dependencies, these sub applications will automatically update without the need to redeploy them; Simply redeploy the main application;',
        ],
        repository: 'Repository',
        independentHomePage: 'Independent Home Page',
        excludeDependencies: 'Exclude Dependencies',
        openHomePage: 'Open HomePage',
        ApplicationTypes: {
          main: 'Main App',
          sub: 'Sub App'
        },
        ApplicationFramework: {
          react: 'React',
          vue2: 'Vue2.0',
          vue3: 'Vue3.0'
        },
        ApplicationRouter: {
          cache: 'Cache Router',
          router: 'Browser Router',
        },
        ApplicationFrameMode: {
          none: 'Frame Mode None',
          frame: 'Frame Mode Frame',
          iframe: 'Frame Mode iFrame',
        },
        ApplicationRenderMode: {
          base: 'Main App Render',
          custom: 'Custom Render',
        },
        ApplicationBuildTools: {
          vuecli: 'Vue CLI',
          cra: 'create-react-app',
          umi: 'UMI',
          vite: 'Vite',
        },

        'micro-web-react-base': {
          description: [
            'The main application itself can define built-in sub applications to write pages'
          ],
          pages: []
        },
        'micro-web-react-sub-vuecli': {
          description: [
            'Sub applications only write their own pages, while the main application handles other tasks such as routing, login, and homepage;',
            'This sub application is suitable for the pattern of splitting a super large application into multiple sub applications, where the sub applications only need to implement the page and do not need to worry about any other details;'
          ],
          pages: [
            { name: 'List page', path: 'react-sub-vuecli/demo/list-page' },
          ]
        },
        'micro-web-vue-sub-vuecli': {
          description: [
            'Similar to the [micro web react sub vuecli] function above, it is only because the technology stack is Vue3, which is different from the technology stack of the main application React, resulting in the inability to use the main application\'s rendering method and component context;',
            'Here is an example of how to use the general functions of the main application (routing, login, homepage) in a sub application;',
            'This sub application is suitable for simulating how to integrate new technology stacks into ultra large applications, and while using the new technology stack, it also retains the routing, login, and homepage functions of the main application;'
          ],
          pages: [
            { name: 'List Page_1', path: '/vue-sub-vuecli/demo/list-page' },
            { name: 'List Page_2', path: '/vue-sub-vuecli/list-2-page' },
          ]
        },
        'micro-web-vue-sub-vuecli-router': {
          description: [
            'Sub application, this demonstration demonstrates how to integrate a Vue3 based technology stack, built using VueCLI, and a VueRouter based web application using traditional routing into a micro front-end application cluster;',
            'This is a particularly simple web application built by Vue3, VueCLI, and VueRouter. To refer to slightly more complex examples, you can search for other Vue types that use the Admin system template as a reference;',
          ],
          pages: [
            { name: 'ListPage_1', path: 'vue-sub-vuecli-router/list-page' },
            { name: 'ListPage_2', path: 'vue-sub-vuecli-router/list2-page' },
            { name: 'TestPage', path: 'vue-sub-vuecli-router/test-page' },
            { name: 'ElementPlus', path: 'vue-sub-vuecli-router/ele-page' },
          ],
        },
        'micro-web-react-sub-cra-router': {
          description: [
            'Similar to [micro web vue sub vuecli router], it is only built using the three-piece set of React, ReactRouter, and create react app based on React;',
            'Similarly, this is a relatively simple React demonstration application. If you want to refer to how more complex React applications can be integrated into micro front-end systems, you can search for sub applications of React type Admin system templates as a reference;',
          ],
          pages: [
            { name: 'ListPage_1', path: 'react-sub-cra-router/list-1-page' },
            { name: 'ListPage_2', path: 'react-sub-cra-router/list-2-page' },
            { name: 'Test Page', path: 'react-sub-cra-router/test-page' },
          ],
        },
        'micro-web-vue-sub-vite-router': {
          description: [
            'Sub application, the reference function of this sub application is equivalent to [micro web vue sub vuecli router], the difference lies in using vite as the construction tool;',
            'This example demonstrates how to integrate the Vue application built by Vite into a micro front-end system and perfectly adapt to Vite\'s development and production building patterns; Support hot updates during debugging, etc;',
          ],
          pages: [
            { name: 'ListPage_1', path: 'vue-sub-vite-router/list-page' },
            { name: 'ListPage_2', path: 'vue-sub-vite-router/list2-page' },
            { name: 'TestPage', path: 'vue-sub-vite-router/test-page' },
          ],
        },
        'micro-web-react-sub-vite-router': {
          description: [
            'The sub application has a reference function equivalent to [micro web vue sub vite router], but the difference is that this application is react;',
            'This application demonstrates how to integrate the React application built by Vite into a micro front-end system. However, unfortunately, the component hot update function is temporarily not supported. After modifying the component, the page needs to be reopened to see the effect;',
          ],
          pages: [
            { name: 'ListPage_1', path: 'react-sub-vite-router/list-1-page' },
            { name: 'ListPage_2', path: 'react-sub-vite-router/list-2-page' },
            { name: 'TestPage', path: 'react-sub-vite-router/test-page' },
          ],
        },
        'micro-web-vue-sub-vite': {
          description: [
            'The sub application has a reference function equivalent to [micro web vue sub vuecli], but Vuecli has been replaced with vite construction;',
          ],
          pages: [
            { name: 'ListPage_1', path: 'vue-sub-vite/list-1-page' },
            { name: 'ListPage_2', path: 'vue-sub-vite/list-2-page' },
          ],
        },
        'micro-web-react-sub-vite': {
          description: [
            'Sub application, with reference function equivalent to [micro web react sub vuecli], demonstrates the use of vite to build, breaking down the pages in the main application and developing and deploying them separately as sub applications;',
          ],
          pages: [
            { name: 'ListPage_1', path: 'react-sub-vite/list-page' },
            { name: 'ListPage_2', path: 'react-sub-vite/list-2-page' },
          ],
        },
        'micro-web-vue-sub-iview-admin': {
          description: [
            'Sub application, based on Vue2, using the iview admin template; This application demonstrates how to integrate a ready-made Vue2 management system application into a micro front-end system;',
            'When accessing the deployment address of this sub application separately, the system homepage of iview admin is opened; When opening the specific page of this sub application from the Base application, only the page content is displayed;'
          ],
          pages: [
            { name: 'IViewAdmin HomePage', path: '/vue-sub-iview-admin/home' },
            { name: 'IViewAdmin ListPage', path: '/vue-sub-iview-admin/components/basic-list' },
          ],
        },
        'micro-web-react-sub-arco-admin': {
          description: [
            'Sub application, based on React; Use the system template provided by arco design; This application demonstrates how to integrate a ready-made React management system into a micro front-end system;',
            'When accessing this sub application separately, the arco design system homepage is opened;',
            'When opening the specific page of this sub application from the Base application, only the page content is displayed;'
          ],
          pages: [
            { name: 'ArcoAdmin HomePage', path: '/react-sub-arco-admin/dashboard/workplace' },
            { name: 'ArcoAdmin ListPage', path: '/react-sub-arco-admin/list/search-table' },
          ],
        },
        'micro-web-vue-sub-element-admin': {
          description: [
            'Sub application, based on Vue2; Use the Vue element admin system template; This application demonstrates how to integrate a ready-made Vue2 management system into a micro front-end system;',
            'When accessing this sub application separately, the Vue element admin system homepage is opened;',
            'When opening the specific page of this sub application from the Base application, only the page content is displayed;'
          ],
          pages: [
            { name: 'ElementAdmin HomePage', path: '/vue-sub-element-admin/dashboard' },
            { name: 'ElementAdmin ListPage', path: '/vue-sub-element-admin/table/complex-table' },
          ],
        },
        'micro-web-vue-sub-elementplus-admin': {
          description: [
            'Sub application, based on Vue; Use the Vue3 element plus admin system template; This application demonstrates how to integrate a ready-made Vue3 management system into a micro front-end system;',
            'When accessing this sub application separately, the Vue3 element plus admin system homepage is opened;',
            'When opening the specific page of this sub application from the Base application, only the page content is displayed;'
          ],
          pages: [
            { name: 'ElementPlusAdmin HomePage', path: '/vue-sub-elementplus-admin/dashboard/analysis' },
            { name: 'ElementPlusAdmin ListPage', path: '/vue-sub-elementplus-admin/components/table/default-table' },
            { name: 'ElementPlusAdmin Dialog', path: '/vue-sub-elementplus-admin/components/dialog' },
            { name: 'ElementPlusAdmin Complex', path: '/vue-sub-elementplus-admin/example/example-page' },
          ],
        },
        'micro-web-vue-sub-element-plus': {
          description: [
            'It is the source code project of element plus;',
            'It is also a micro front-end terminal application used to debug the component embedding of element plus into the micro front-end application;',
            'Other features are basically consistent with the Vue3 sub application;'
          ],
          pages: [
            { name: 'ElementPlus', path: '/vue-sub-element-plus/' },
          ],
        },
        'micro-web-react-sub-umi4-antdpro': {
          description: [
            'An antdpro template project;',
            'Demonstrate embedding this sub application in iframe mode; Restricted by the inability to handle custom mounting, modify HTML templates, and dynamically modify routes; Resulting in the inability to embed using frame mode;',
            'Other types of front-end applications, such as Angular, svelte.js, JSP, Jquery, etc., can be embedded in this iframe format for all front-end projects'
          ],
          pages: [
            { name: 'AntdPro FormPage', path: '/react-sub-umi4-antdpro/form/advanced-form' },
            { name: 'AntdPro ListPage', path: '/react-sub-umi4-antdpro/list/table-list' },
          ],
        },
        'micro-web-react-sub-cra-router-antd': {
          description: [
            'A React project built using CRA, using ant design component library',
          ],
          pages: [
            { name: 'AntDesign ListPage_1', path: '/react-sub-cra-router-antd/list-1-page' },
            { name: 'AntDesign ListPage_2', path: '/react-sub-cra-router-antd/list-2-page' },
          ],
        }
      }
    }
  },
};
